import {Dimensions, StyleSheet} from 'react-native';

const {width} = Dimensions.get('window');

const styles = StyleSheet.create({
    alert: {
        left: width * 0.2,
        backgroundColor: 'rgba(145,234,97,0.96)',
        textAlign: 'center',
        position: 'absolute',
        width: '55%',
        zIndex: 999
    },
    container: {
        flex: 1,
        backgroundColor: '#f9f9f9',
    },
    avatarRow: {
        flexDirection: 'row',
        flexWrap: 'wrap',
        justifyContent: 'flex-start',
        padding: 10,
        backgroundColor: '#fff',
        borderBottomColor: '#eee',
    },
    avatarContainer: {
        width: 65, // 新增
        alignItems: 'center',
        margin: 3,
    },
    avatar: {
        width: 60,
        height: 60,
        borderRadius: 8,
        marginBottom: 4,
    },
    avatarLabel: {
        fontSize: 12,
        color: '#ccc',
    },
    addContainer: {
        width: 70,
        height: 70,
        borderRadius: 8,
        borderWidth: 1,
        marginLeft: 3,
        borderColor: '#ccc',
        borderStyle: 'dashed',
        alignSelf: 'center',
        justifyContent: 'center',
        alignItems: 'center',
        marginBottom: 10, // 加上 marginBottom 对齐
    },
    avatarLastRow: {
        alignItems: 'center',
        justifyContent: 'center',
        width: '100%',
        marginTop: 10
    },
    checkMoreMember: {
        alignSelf: 'center'
    },
    switchContainer: {
        marginTop: 10
    },
    switchItem: {
        padding: 16,
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
        backgroundColor: '#fff',
        borderBottomColor: '#eee',
        borderBottomWidth: 1,
    },
    optionItemContainer: {
        marginTop: 10
    },
    optionItem: {
        padding: 16,
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
        backgroundColor: '#fff',
        borderBottomColor: '#eee',
        borderBottomWidth: 1,
    },
});

export default styles;